<template>
    <div>
        <footer>
        <mt-tabbar v-model="selectedTab" fixed>
        <mt-tab-item id="index">
          <img slot="icon" src="../assets/images/home_disabled.png" v-show="selectedTab!='index'" />
          <img slot="icon" src="../assets/images/home_enabled.png" v-show="selectedTab=='index'" alt />
          主页
        </mt-tab-item>
        <mt-tab-item id="order">
          <img
            slot="icon"
            src="../assets/images/order_disabled.png"
            alt
            v-show="selectedTab!='order'"
          />
          <img
            slot="icon"
            src="../assets/images/order_enabled.png"
            alt
            v-show="selectedTab=='order'"
          />
          订单
        </mt-tab-item>
        <mt-tab-item id="me">
          <img slot="icon" src="../assets/images/me_disabled.png" alt v-show="selectedTab!='me'" />
          <img slot="icon" src="../assets/images/me_enabled.png" alt v-show="selectedTab=='me'" />
          我的
        </mt-tab-item>
      </mt-tabbar>
    </footer>
    </div>
</template>
<script>
export default {
    data(){
        return{
            selectedTab:"index",
        }
    },
    methods:{
      
    },
     watch:{
       selectedTab(value){
         this.$router.push({name:value})
       }
    }
}
</script>